<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
    <div class="popup_bg">
        <div class="popup1">
            <div class="popup1close">
            </div>
            <div class="pop1left">
                <div class="popup_select">
                    <div class="selectStyle">
                        <select class="select" ></option>
                            <option  disabled selected>请选择地形</option>
                            <option>option 2</option>
                            <option>option 3</option>
                            <option>option 4</option>
                            <option>option 5</option>
                        </select>
                    </div>
                    <div class="selectStyle">
                        <select class="select" >
                            <option  disabled selected>请选择地形</option>
                            <option>option 2</option>
                            <option>option 3</option>
                            <option>option 4</option>
                            <option>option 5</option>
                        </select>
                    </div>
                    <div>
                        <div class="sure" >确定</div>
                    </div>
                </div>
                <p>姓名__</p>
                <span></span>
            </div>
            <div class="pop1right">
                <div class="pop1right_t">
                    <div id="main1"></div>
                    <div id="main2"></div>
                    <div id="main3"></div>
                </div>
                <div class="pop1right_m">
                    <div id="line1"></div>
                    <div id="line2"></div>
                    <p class="titelp1">6.02</p>
                    <p class="titelp2">3.9246870209238</p>
                </div>
                <div class="pop1right_b">
                    <div id="linemore"></div>
                </div>
            </div>
        </div>
        <div class="popup2">
            <div class="popup1close"></div>
            <div class="popup_select">
                <div class="selectStyle">
                    <select class="select" ></option>
                        <option  disabled selected>请选择地形</option>
                        <option>option 2</option>
                        <option>option 3</option>
                        <option>option 4</option>
                        <option>option 5</option>
                    </select>
                </div>
                <div class="selectStyle">
                    <select class="select" >
                        <option  disabled selected>请选择地形</option>
                        <option>option 2</option>
                        <option>option 3</option>
                        <option>option 4</option>
                        <option>option 5</option>
                    </select>
                </div>
                <div>
                    <div class="sure" >确定</div>
                </div>
            </div>
            <div class="popupcontetn">
                <div class="popup_tab">
                    <span class="active">相对产量</span>
                    <span>碱解氮</span>
                    <span>有效磷</span>
                    <span>速效钾</span>
                </div>
                <div class="popup_echart">
                    <div id="bar1" class="active"></div>
                    <div id="bar2"></div>
                    <div id="bar3"></div>
                    <div id="bar4"></div>
                </div>

            </div>
        </div>
        <div class="popup3">
        <div class="popup1close"></div>
        <div class="popupcontetn">
            <div id="lines"></div>
        </div>
    </div>
        <div class="popup4">
            <div class="popup_select">
                <div class="selectStyle">
                    <select class="select" ></option>
                        <option  disabled selected>请选择地形</option>
                        <option>option 2</option>
                        <option>option 3</option>
                        <option>option 4</option>
                        <option>option 5</option>
                    </select>
                </div>
                <div class="selectStyle">
                    <select class="select" >
                        <option  disabled selected>请选择地形</option>
                        <option>option 2</option>
                        <option>option 3</option>
                        <option>option 4</option>
                        <option>option 5</option>
                    </select>
                </div>
                <div>
                    <div class="sure" >确定</div>
                </div>
            </div>
            <div class="popup1close"></div>
            <div class="popupcontetn">
                <div id="linemore2"></div>
            </div>
        </div>
        <div class="popup5">
            <div class="popup1close"></div>
            <div class="feiliao">
                <div class="feiliao_left">
                    <p>210</p>
                    <span>肥料</span>
                </div>
                <div class="feiliao_right">
                    通过侧深施肥的方式施用配方肥，推广水稻侧深施肥面积达20万亩，肥料利用率提高了7.5个百分点，亩节约肥料4公斤，亩增产48公斤，累计实现节肥800吨，增加粮食产量0.96万吨，节本增效0.3亿元。
                </div>
            </div>
            <div class="feiliao_table_out">
                <div class="feiliao_table_innner">
                    <table class="feiliao_table"  cellspacing="0" cellpadding="0">
                    <thead>
                        <tr>
                            <td>序号</td>
                            <td>名称</td>
                            <td>年份</td>
                            <td>来源</td>
                            <td>类别</td>
                            <td>负责人</td>
                            <td>实施人</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr> <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr> <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>
                        <tr>
                            <td>1</td>
                            <td>超级稻氮肥运筹体系研究</td>
                            <td>2006</td>
                            <td>省部</td>
                            <td>肥料</td>
                            <td>赵丽琴</td>
                            <td>赵丽琴</td>
                        </tr>



                    </tbody>
                </table>
                </div>
            </div>
        </div>
        <div class="popup6">
            <div class="popup1close"></div>
            <div class="lz_feiliao feiliao">
                <div class="feiliao_right">
                    通过科技园区的试验示范，筛选出了多个适合本地种植的农作物新品种，其中水稻龙粳31、龙粳46、龙粳57、三江6号、绥粳18；玉米德美亚1号、德美亚3号、中玉990；大豆垦豆25、绥农22、绥农26、绥农28等优质新品种已经成为当前生产的主栽品种，三年来累计推广面积达到270余万亩，实现亩增产粮食45kg，亩效益增加135元，增加经济效益1.9亿元以上。
                </div>
            </div>
            <div id="lz_bar">

            </div>
            <div class="feiliao_table_out lz_table_height">
                <div class="feiliao_table_innner">
                    <table class="feiliao_table"  cellspacing="0" cellpadding="0">
                    <thead>
                    <tr>
                        <td>序号</td>
                        <td>名称</td>
                        <td>年份</td>
                        <td>来源</td>
                        <td>类别</td>
                        <td>负责人</td>
                        <td>实施人</td>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr> <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr> <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td>超级稻氮肥运筹体系研究</td>
                        <td>2006</td>
                        <td>省部</td>
                        <td>肥料</td>
                        <td>赵丽琴</td>
                        <td>赵丽琴</td>
                    </tr>



                    </tbody>
                </table>
                </div>
            </div>
        </div>
        <div class="popup7">
            <div class="popup1close"></div>
            <div class="rcjt_imgs">
                <div><img src="images/rcjtimg1.png"></div>
                <div><img src="images/rcjtimg2.png"></div>
                <div><img src="images/rcjtimg3.png"></div>
            </div>
            <div class="rcjt_table_out">
                <div><img src="images/rcjt.png"></div>
                <div class="rcjt_table">
                    <table>
                        <tr>
                            <td>
                                研究生
                            </td>
                            <td>
                                博士生
                            </td>
                            <td>
                                博士生
                            </td>
                        </tr>
                        <tr>
                            <td>
                                研究生
                            </td>
                            <td>
                                博士生
                            </td>
                            <td>
                                博士生
                            </td>

                        </tr>
                        <tr>
                            <td>
                                研究生
                            </td>
                            <td>
                                博士生
                            </td>
                            <td>
                                博士生
                            </td>

                        </tr>
                        <tr>
                            <td>
                                研究生
                            </td>
                            <td>
                                博士生
                            </td>
                            <td>
                                博士生
                            </td>

                        </tr>
                        <tr>
                            <td>
                                研究生
                            </td>
                            <td>
                                博士生
                            </td>
                            <td>
                                博士生
                            </td>

                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <div class="popup8">
            <div class="popup1close"></div>
            <div class="kyxm_out">
                <div>
                    <p class="kyxm_title">历年承担项目576项</p>
                    <div id="ky_bar"></div>
                    <div class="ky_pies">
                        <div id="ky_pie1"></div>
                        <div id="ky_pie2"></div>
                    </div>
                </div>
                <div>
                    <div>
                        <div class="ky_yuan">
                            <span></span>
                            <i>植保</i>
                            <span class="cir_2"></span>
                            <i>肥料</i>
                            <span class="cir_3"></span>
                            <i>栽培</i>
                            <span class="cir_4"></span>
                            <i>品种</i>
                        </div>
                        <div>
                            <img src="images/ky_mid.png">
                        </div>
                    </div>
                </div>
                <div>
                    <p class="kyxm_title">今年承担项目</p>
                    <div class="ky_totle">
                        <img src="images/xm_icon.png"><i>项目总数</i>
                        <div class="ky_num">
                           80
                        </div>
                    </div>
                    <div id="ky_pie3"></div>
                </div>
            </div>
        </div>
        <div class="popup9">
            <div class="popup1close"></div>
            <div class="rcjt_imgs">
                <div><img src="images/xj_img1.png"></div>
                <div><img src="images/xjimg2.png"></div>
                <div><img src="images/xjimg3.png"></div>
            </div>
            <div class="xjsb_outer">
                <div class='xjsb'>
                    <div id="xj_pie1">
                    </div>
                    <p>消化科</p>
                </div>
                <div class='xjsb'>
                    <div id="xj_pie2">
                    </div>
                    <p>光谱分析室</p>
                </div>
                <div class='xjsb'>
                    <div id="xj_pie3">
                    </div>
                    <p>天平室</p>
                </div>
                <div class='xjsb'>
                    <div id="xj_pie4">
                    </div>
                    <p>操作室</p>
                </div>
                <div class='xjsb'>
                    <div id="xj_pie5">
                    </div>
                    <p>谷物分析室</p>
                </div>
            </div>

        </div>
        <div class="popup10">
            <div class="popup1close"></div>
            <div class="lz_feiliao gwfx_title">
                <div class="feiliao_right">
                    稻米品质检测围绕稻米的外观、营养、食味等方面展开 <spna class="gwfx_line">[19项]</spna> 检测，科学地对稻米品质做出量化评价。具体检测项目包括：糙米率、精米率、整精米率、白度、直链淀粉、蛋白质、长度、宽度、正常粒比率、垩白米率、着色粒米率、碎粒米率、食味值、香气、光泽、完整性、味道、口感等。
                </div>
            </div>
            <div class="echarts_outer">
                <div id="fx1"> </div>
                <div id="fx2"> </div>
                <div id="fx3"> </div>
                <div id="fx4"> </div>
                <div id="fx5"> </div>
                <div id="fx6"> </div>
            </div>
        </div>
    </div>
</body>
<script src="js/echarts4.2.1.js"></script>
<script src="js/jquery-1.9.1.min.js"></script>
<script>
    $(function () {


    //关闭方法
    $(".popup1close").click(function () {
        $('.pop_outer', parent.document).hide()
    })
    // echarts 1
    var myChart = echarts.init(document.getElementById('main1'));
    var option = {
        backgroundColor: '',
        title: {
            text: '微量元素',
            left: 'center',
            bottom: 0,
            textStyle: {
                fontSize:'14px',
                color: '#ccc'
            }
        },
        legend: {
            selectedMode:false,
            top:10,
            orient:'horizontal',
            textStyle: {
                color: '#fff',
                fontSize: 10,
            },
            itemGap:0,
            formatter: function(name) {
                let oa = option.series[0].data;
                for (let i = 0; i < oa.length; i++) {
                    if (name == oa[i].name) {
                        return name + " " + oa[i].value ;
                    }
                }
            },
            itemHeight :6,
            lineHeight:10,
            icon:'circle'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b} "
        },
        visualMap: {
            show: false,
            min: 500,
            max: 600,
            inRange: {
                //colorLightness: [0, 1]
            }
        },
        series: [{
            name: '微量元素',
            type: 'pie',
            radius: '45%',
            center: ['50%', '65%'],
            color: ['#4880FF ','#23CAB7','#E24E59','#FDC300' ],
            data: [
                {
                    value: 585,
                    name: '有效Fe Mn Cu Zn'
                },
                {
                    value: 410,
                    name: '有效Mn'
                },
                {
                    value: 410,
                    name: '有效Cu'
                },
                {
                    value: 410,
                    name: '有效B'
                }
            ],
            roseType: 'radius',
            label: false,
            itemStyle: {
                normal: {
                }
            }
        }]
    };
    myChart.setOption(option);
    // echarts 2
    var myChart = echarts.init(document.getElementById('main2'));
    var option = {
        backgroundColor: '',
        title: {
            text: '中量元素',
            left: 'center',
            bottom: 0,
            textStyle: {
                fontSize:'14px',
                color: '#ccc'
            }
        },
        legend: {
            selectedMode:false,
            top:10,
            orient:'horizontal',
            textStyle: {
                color: '#fff',
                fontSize: 10,
            },
            padding:[0,0],
            itemGap:0,
            formatter: function(name) {
                let oa = option.series[0].data;
                for (let i = 0; i < oa.length; i++) {
                    if (name == oa[i].name) {
                        return name + " " + oa[i].value ;
                    }
                }
            },
            itemHeight :6,
            lineHeight:10,
            icon:'circle'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b}"
        },
        visualMap: {
            show: false,
            min: 500,
            max: 600,
            inRange: {
                //colorLightness: [0, 1]
            }
        },
        series: [{
            name: '微量元素',
            type: 'pie',
            radius: '45%',
            center: ['50%', '65%'],
            color: ['#4880FF ','#23CAB7','#E24E59','#FDC300' ],
            data: [
                {
                    value: 585,
                    name: '交换性Ca Mg'
                },
                {
                    value: 410,
                    name: '交换性 Mg'
                },
                {
                    value:343,
                    name:'有效S'
                },
                {
                    value:343,
                    name:'有效Si'
                }
            ],
            roseType: 'radius',
            label: false,
            itemStyle: {
                normal: {
                }
            }
        }]
    };
    myChart.setOption(option);

    // echarts 3
    var myChart = echarts.init(document.getElementById('main3'));
    var option = {
        backgroundColor: '',
        title: {
            text: '微量元素',
            left: 'center',
            bottom: 0,
            textStyle: {
                fontSize:'14px',
                color: '#ccc'
            }
        },
        legend: {
            selectedMode:false,
            top:10,
            orient:'horizontal',
            textStyle: {
                color: '#fff',
                fontSize: 10,
            },
            padding:[0,0],
            itemGap:0,
            formatter: function(name) {
                let oa = option.series[0].data;
                for (let i = 0; i < oa.length; i++) {
                    if (name == oa[i].name) {
                        return name + " " + oa[i].value ;
                    }
                }
            },
            itemHeight :6,
            lineHeight:10,
            icon:'circle'
        },
        tooltip: {
            trigger: 'item',
            formatter: "{b} "
        },
        visualMap: {
            show: false,
            min: 500,
            max: 600,
            inRange: {
                //colorLightness: [0, 1]
            }
        },
        series: [{
            name: '微量元素',
            type: 'pie',
            radius: '45%',
            center: ['50%', '65%'],
            color: ['#4880FF ','#23CAB7','#E24E59','#FDC300' ],
            data: [
                {
                    value: 585,
                    name: '全N'
                },
                {
                    value: 410,
                    name: '有效P'
                },
                {
                    value: 410,
                    name: '有效S'
                },
                {
                    value: 410,
                    name: '有效Si'
                }
            ],
            roseType: 'radius',
            label: false,
            itemStyle: {
                normal: {
                }
            }
        }]
    };
    myChart.setOption(option);


    //echarts line1
    var myChart = echarts.init(document.getElementById('line1'));

    var baifenbi = [6.04];
    var grayBar = [20];
    var xingm = [];
    option = {
        title: {
            text: 'PH值',
            left: 'center',
            top: 10,
            left:25,
            textStyle: {
                fontSize:'14px',
                color: '#fff'
            }
        },
        legend:{
            top:40,
            textStyle: {
                color: '#fff',
                fontSize: 12,
            },
            padding:15,
            icon:'circle'
        },
        color: ['#61A8FF'], //进度条颜色
        xAxis: [{
            show: false,
        },
            //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
            {
                show: false,
            }
        ],
        yAxis: {
            type: 'category',
            axisLabel: {
                show: false, //让Y轴数据不显示
            },
            itemStyle: {

            },
            axisTick: {
                show: false, //隐藏Y轴刻度
            },
            axisLine: {
                show: false, //隐藏Y轴线段
            },
            data: xingm,
        },
        series: [
            //背景色--------------------我是分割线君------------------------------//
            {
                show: true,
                type: 'bar',
                barGap: '-100%',
                barWidth: '35%', //统计条宽度
                itemStyle: {
                    normal: {
                        color: 'rgba(102, 102, 102,0.5)'
                    },
                },
                z: 1,
                data: grayBar,
            },
            //蓝条--------------------我是分割线君------------------------------//
            {
                show: true,
                type: 'bar',
                barGap: '-100%',
                barWidth: '35%', //统计条宽度
                itemStyle: {
                    normal: {
                        color: {
                            type: 'bar',
                            colorStops: [{
                                offset: 0,
                                color: '#4880FF' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: '#4880FF' // 100% 处的颜色
                            }],
                            globalCoord: false, // 缺省为 false

                        }
                    },
                },
                max: 1,
                label: {

                    normal: {
                        show: false,
                        textStyle: {
                            color: '#4880FF'
                        },
                        position: 'inside',
                        formatter: function(data) {
                            return baifenbi
                        },
                    }
                },
                labelLine: {
                    show: false,
                },
                z: 2,
                data: baifenbi,
            }
        ]
    };
    myChart.setOption(option);

    //echarts line2
    var myChart = echarts.init(document.getElementById('line2'));

    var baifenbi = [3.9246870209238];
    var grayBar = [20];
    var xingm = [];
    option = {
        title: {
            text: '有机物质',
            left: 'center',
            top: 10,
            left:25,
            textStyle: {
                fontSize:'14px',
                color: '#fff'
            }
        },
        legend:{
            top:40,
            textStyle: {
                color: '#fff',
                fontSize: 12,
            },
            padding:15,
            icon:'circle'
        },
        color: ['#61A8FF'], //进度条颜色
        xAxis: [{
            show: false,
        },
            //由于下边X轴已经是百分比刻度了,所以需要在顶部加一个X轴,刻度是金额,也隐藏掉
            {
                show: false,
            }
        ],
        yAxis: {
            type: 'category',
            axisLabel: {
                show: false, //让Y轴数据不显示
            },
            itemStyle: {

            },
            axisTick: {
                show: false, //隐藏Y轴刻度
            },
            axisLine: {
                show: false, //隐藏Y轴线段
            },
            data: xingm,
        },
        series: [
            //背景色--------------------我是分割线君------------------------------//
            {
                show: true,
                type: 'bar',
                barGap: '-100%',
                barWidth: '35%', //统计条宽度
                itemStyle: {
                    normal: {
                        color: 'rgba(102, 102, 102,0.5)'
                    },
                },
                z: 1,
                data: grayBar,
            },
            //蓝条--------------------我是分割线君------------------------------//
            {
                show: true,
                type: 'bar',
                barGap: '-100%',
                barWidth: '35%', //统计条宽度
                itemStyle: {
                    normal: {
                        color: {
                            type: 'bar',
                            colorStops: [{
                                offset: 0,
                                color: '#F7B500' // 0% 处的颜色
                            }, {
                                offset: 1,
                                color: '#F7B500' // 100% 处的颜色
                            }],
                            globalCoord: false, // 缺省为 false

                        }
                    },
                },
                max: 1,
                label: {

                    normal: {
                        show: false,
                        textStyle: {
                            color: '#4880FF'
                        },
                        position: 'inside',
                        formatter: function(data) {
                            return baifenbi
                        },
                    }
                },
                labelLine: {
                    show: false,
                },
                z: 2,
                data: baifenbi,
            }
        ]
    };
    myChart.setOption(option);

    //echarts linemore
    var myChart = echarts.init(document.getElementById('linemore'));
    option = {
        title: {
            text: '土壤养份历史变化',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 14,
                color: '#fff'
            },
            left: 45,
            top:15
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                lineStyle: {
                    color: '#57617B'
                }
            }
        },
        legend: {
            icon: 'rect',
            top:15,
            itemWidth: 6,
            itemGap: 13,
            data: ['PH值', '速效钾', '有效磷', '碱解氮', '有机质'],
            right: '4%',
            textStyle: {
                fontSize: 12,
                color: '#fffs'
            },
            icon:'circle'
        },
        grid: {
            left: '3%',
            right: '3%',
            bottom: '0',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            boundaryGap: false,
            axisLine: {
                lineStyle: {
                    color: '#57617B'
                }
            },
            splitLine: {
                lineStyle: {
                    color: '#57617B'
                }
            },
            data: ['2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018', '2019']
        }],
        yAxis: [{
            type: 'value',
            axisLabel: {
                textStyle: {
                    color: '#57617B'
                }
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#57617B'
                }
            }
        }],
        series: [{
            name: 'PH值',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#4880FF'
                }
            },
            data: [96.3,96.4,97.5,95.6,98.1,94.8,89.6,94.1,80.1,52.4,75.8,94.7]
        }, {
            name: '速效钾',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#1EB3A7'
                }
            },
            data: [97.3,99.2,99.3,100.0,99.6,90.6,80.0,91.5,69.8,67.5,90.4,84.9]
        }, {
            name: '有效磷',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#903EE4 '
                }
            },
            data: [84.2,81.0,67.5,72.1,43.7,88.5,91.9,101.8,79.7,87.6,92.9,0]
        }, {
            name: '碱解氮',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#F9C000 '
                }
            },
            data: [84.2,181.0,67.5,72.1,43.7,88.5,191.9,101.8,79.7,187.6,92.9,0]
        },{
            name: '有机质',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#DE4D58'
                }
            },
            data: [84,81,67.5,72,43,88,91,101,79,87,92,0]
        },]
    };
    myChart.setOption(option);

    // echarts bar1
    var myChart = echarts.init(document.getElementById('bar1'));
    var option = {
        color: [
            '#1aa1ff',
            '#31c17b',
            '#ff6535'
        ],
        xAxis: {
            type: 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            data: ['当前地块','极低', '低', '中', '高', '极高'],
            axisLabel: {
                color: '#fff',
                fontSize: 14
            }
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                color: '#fff',
                fontSize: 14
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 200, 150, 80, 70],
            barWidth: 14,
            type: 'bar',
            itemStyle: {
                color: function(params) {
                    // build a color map as your need.
                    var colorList = [
                        '#F8E71C','#FDA365'
                    ];
                    return colorList[params.dataIndex]
                }
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    color: '#555555',
                    fontSize: 12,
                    height:'70%',
                    padding: [3, 10,13],
                    lineHeight: 12,
                    backgroundColor: {
                        "image": "images/popmin.png"
                    }
                }
            }
        }]
    };
    myChart.setOption(option);

    // echarts bar2
    var myChart = echarts.init(document.getElementById('bar2'));
    var option = {
        xAxis: {
            type: 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            data: ['当前地块','极低', '低', '中', '高', '极高'],
            axisLabel: {
                color: '#fff',
                fontSize: 14
            }
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                color: '#fff',
                fontSize: 14
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 200, 150, 80, 70],
            barWidth: 14,
            type: 'bar',
            itemStyle: {
                color: function(params) {
                    // build a color map as your need.
                    var colorList = [
                        '#F8E71C','#B93B80'
                    ];
                    return colorList[params.dataIndex]
                }
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    color: '#555555',
                    fontSize: 12,
                    height:'70%',
                    padding: [3, 10,13],
                    lineHeight: 12,
                    backgroundColor: {
                        "image": "images/popmin.png"
                    }
                }
            }
        }]
    };
    myChart.setOption(option);

    // echarts bar3
    var myChart = echarts.init(document.getElementById('bar3'));
    var option = {
        xAxis: {
            type: 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            data: ['当前地块','极低', '低', '中', '高', '极高'],
            axisLabel: {
                color: '#fff',
                fontSize: 14
            }
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                color: '#fff',
                fontSize: 14
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 200, 150, 80, 70],
            barWidth: 14,
            type: 'bar',
            itemStyle: {
                color: function(params) {
                    // build a color map as your need.
                    var colorList = [
                        '#F8E71C','#00A9FF'
                    ];
                    return colorList[params.dataIndex]
                }
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    color: '#555555',
                    fontSize: 12,
                    height:'70%',
                    padding: [3, 10,13],
                    lineHeight: 12,
                    backgroundColor: {
                        "image": "images/popmin.png"
                    }
                }
            }
        }]
    };
    myChart.setOption(option);

    // echarts bar4
    var myChart = echarts.init(document.getElementById('bar4'));
    var option = {
        xAxis: {
            type: 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            data: ['当前地块','极低', '低', '中', '高', '极高'],
            axisLabel: {
                color: '#fff',
                fontSize: 14
            }
        },
        yAxis: {
            type: 'value',
            axisLabel: {
                color: '#fff',
                fontSize: 14
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 200, 150, 80, 70],
            barWidth: 14,
            type: 'bar',
            itemStyle: {
                color: function(params) {
                    // build a color map as your need.
                    var colorList = [
                        '#F8E71C','#5B852F'
                    ];
                    return colorList[params.dataIndex]
                }
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    color: '#555555',
                    fontSize: 12,
                    height:'70%',
                    padding: [3, 10,13],
                    lineHeight: 12,
                    backgroundColor: {
                        "image": "images/popmin.png"
                    }
                }
            }
        }]
    };
    myChart.setOption(option);
    
    /*tab切换*/
    $(function () {
        $('.popup_tab>span').click(function () {
            $('.popup_tab>span').removeClass('active')
            $(this).addClass('active');
            $('.popup_echart>div').hide()
            console.log($(this).index())
            $('.popup_echart>div').eq($(this).index()).show()
        })
    })


    // echarts lines
    var myChart = echarts.init(document.getElementById('lines'));
    var option = {
        title: {
            text: '测土配方确保了黑土地不减少、不褪化',
            left: 50,
            top: 0,
            textStyle: {
                fontSize:'14px',
                color: '#fff'
            }
        },
        tooltip: {
        },
        grid: {
            top: '15%',
            left: '3%',
            right: '3%',
            bottom: '8%',
            containLabel: true,
        },
        xAxis: [{
            type: 'category',
            boundaryGap: false,
            axisLine: { //坐标轴轴线相关设置。数学上的x轴
                show: true,
                lineStyle: {
                    color: '#233e64'
                },
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#233e64'
                }
            },
            axisLabel: { //坐标轴刻度标签的相关设置
                textStyle: {
                    color: '#98A7B9',
                    margin:15,
                },
            },
            axisTick: { show: false,},
            data: ['6.1', '6.2', '6.3', '6.4', '6.5', '6.6', '6.7'],
        }],
        yAxis: [{
            type: 'value',
            min: 0,
            splitNumber: 7,
            splitLine: {
                show: false
            },
            axisLine: {show: false,},
            axisLabel: {
                margin:20,
                textStyle: {
                    color: '#98A7B9',

                },
            },
            axisTick: { show: false,},
        }],
        series: [{
            name: '',
            type: 'line',
            smooth: true, //是否平滑曲线显示
// 			symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
            symbolSize:0,

            lineStyle: {
                normal: {
                    color:new echarts.graphic.LinearGradient(0, 0, 1 , 0, [
                        { offset: 0,  color: '#FAD961'},
                        { offset: 1,  color: '#F76B1C'}
                    ], false)
                    // 线条颜色
                }
            },
            areaStyle: { //区域填充样式
                normal: {
                    color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                        offset: 0,
                        color: 'rgba(255,255,255,0)'
                    }, {
                        offset: 1,
                        color: '#fa704d'
                    }], false),
                    // shadowColor: 'rgba(255,255,255, 0.1)',
                    shadowBlur: 10,
                    opacity:0.3
                }
            },
            data: [90, 105, 84, 125, 110, 92, 98]
        },
            {
                name: '',
                type: 'line',
                smooth: true, //是否平滑曲线显示
// 			symbol:'circle',  // 默认是空心圆（中间是白色的），改成实心圆
                symbolSize:0,

                lineStyle: {
                    normal: {
                        color:new echarts.graphic.LinearGradient(0, 0, 1 , 0, [
                            { offset: 0,  color: '#FAD961'},
                            { offset: 1,  color: '#F76B1C'}
                        ], false)
                        // 线条颜色
                    }
                },
                areaStyle: { //区域填充样式
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(255,255,255,0)'
                        }, {
                            offset: 1,
                            color: '#fa704d'
                        }], false),
                        // shadowColor: 'rgba(255,255,255, 0.1)',
                        shadowBlur: 10,
                        opacity:0.3
                    }
                },
                data: [91, 103, 86, 175, 190, 82, 38]
            }
        ]
    };
    myChart.setOption(option);


    //echarts more2
    //echarts linemore
    var myChart = echarts.init(document.getElementById('linemore2'));
    option = {
        title: {
            text: '土壤养份历史变化',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 14,
                color: '#fff'
            },
            left: 45,
            top:15
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                lineStyle: {
                    color: '#57617B'
                }
            }
        },
        legend: {
            icon: 'rect',
            top:15,
            itemWidth: 6,
            itemGap: 13,
            data: ['PH值', '速效钾', '有效磷', '碱解氮', '有机质'],
            right: '4%',
            textStyle: {
                fontSize: 12,
                color: '#fffs'
            },
            icon:'circle'
        },
        grid: {
            left: '3%',
            right: '3%',
            bottom: '0',
            containLabel: true
        },
        xAxis: [{
            type: 'category',
            boundaryGap: false,
            data: [ '2009', '2011', '2012', '2013', '2014', '2016', '2017', '2018'],
            axisLine: {
                lineStyle: {
                    color: '#57617B'
                }
            },
            splitLine: {
                lineStyle: {
                    color: '#57617B'
                }
            }
          }],
        yAxis: [{
            type: 'value',
            axisLabel: {
                textStyle: {
                    color: '#57617B'
                }
            },
            axisTick: {
                show: false
            },
            axisLine: {
                show: false
            },
            splitLine: {
                lineStyle: {
                    color: '#57617B'
                }
            }
        }],
        series: [{
            name: 'PH值',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#4880FF'
                }
            },

            data: [6.45,
                6.75,
                6.34,
                6.76,
                6.22,
                6.64,
                6.61,
                6.07
            ]
        }, {
            name: '速效钾',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#1EB3A7'
                }
            },
            data: [42.21,
                34.56,
                32.47,
                30.67,
                34.92,
                29.5,
                36,
                37.7
            ]
        }, {
            name: '有效磷',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#903EE4 '
                }
            },
            data: [177.14,
                155.55,
                139.04,
                153.41,
                170.43,
                115.18,
                177.1,
                161.7
            ]
        }, {
            name: '碱解氮',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#F9C000 '
                }
            },
            data: [51.37,
                39.27,
                39.48,
                42.49,
                41.3,
                28.99,
                27.1,
                43.3
            ]
        },{
            name: '有机质',
            type: 'line',
            smooth: true,
            lineStyle: {
                normal: {
                    width: 1
                }
            },
            itemStyle: {
                normal: {
                    color: '#DE4D58'
                }
            },
            data: [113.97,
                133.71,
                93.72,
                124.69,
                120.95,
                113.91,
                94.9,
                125
            ]
        },]
    };
    myChart.setOption(option);

    // echarts lz_bar
    var myChart = echarts.init(document.getElementById('lz_bar'));
    var option = {
        grid: {
            left: '0%',
            right: '0%',
            bottom: '15%',
            containLabel: true
        },
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                rotate:0,
                margin:2,
                color: '#fff',
                fontSize: 10
            },
            data: ['龙粳31','龙粳46', '龙粳51', '三江6号', '绥粳18', '德美亚1号', '德美亚3号', '中玉990', '垦豆25', '绥农22', '绥农26' ,'绥农28'],
        },
        yAxis: {
            name: "(万亩)",
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisLabel: {
                color: '#fff',
                fontSize: 14
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 80, 70,10,20,5,8.8,14,60],
            barWidth: 20,
            type: 'bar',
            itemStyle: {
                color: function(params) {
                    // build a color map as your need.
                    var colorList = [
                        '#B204B0','#F3C1C5','#F0F69F',' #B0E0A8','#D8EFEF','#D8EFEF','#F5587B','#FF8A5C','#866EC7','#6E8DC7','#6EC77B','#C7996E'
                    ];
                    return colorList[params.dataIndex]
                }
            },
            label: {
                normal: {
                    show: true,
                    position: 'top',
                    color: '#fff',
                    fontSize: 12,
                    height:'70%',
                    padding: [3, 10,13],
                    lineHeight: 12,
                }
            }

        }]
    };
    myChart.setOption(option);

    // echarts ky_bar
    var myChart = echarts.init(document.getElementById('ky_bar'));
    var option = {
        grid: {
            left: '0%',
            right: '0%',
            top:'10%',
            bottom: '5%',
            containLabel: true
        },
        tooltip: {},
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                margin:5,
                rotate:45,
                color: '#98A7B9',
                fontSize: 12
            },
            data: ['2008','2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018' ,'2019'],
        },
        yAxis: {
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: '#98A7B9',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 459, 555,146,20,500,500,566,588],
            barWidth: 12,
            type: 'bar',
            itemStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0, 0, 0, 1, [{
                            offset: 0.5,
                            color: '#FDAC51'
                            },
                            {
                                offset: 1,
                                color: 'rgba(253,172,81,0.10)'
                            }
                        ]
                    )
                }
            }
        }]
    };
    myChart.setOption(option);

    //echrats ky_pie1
    var myChart = echarts.init(document.getElementById('ky_pie1'));
    option = {
        title: {
            text: '类型',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 16,
                color: '#fff'
            },
            left:'center',
            top:0
        },
        tooltip : {
        },
        color:['#f8a03e','#00bbd6','#5ebe5e'],
        legend: {
            selectedMode:false,
            bottom:25,
            data: ['种植 15项','植保 15项','肥料 15项'],
            orient:'vertical',
            textStyle: {
                color: '#fff',
                fontSize: 12,
            },
            itemGap:0,
            itemHeight :6,
            lineHeight:6,
            icon:'circle'
        },
        series : [
            {
                type: 'pie',
                radius : '65%',
                center: ['50%', '35%'],
                data:[
                    {value:30, name:'种植 15项'},
                    {value:30, name:'植保 15项'},
                    {value:40, name:'肥料 15项'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: true,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);

    //echrats ky_pie2
    var myChart = echarts.init(document.getElementById('ky_pie2'));
    option = {
        title: {
            text: '来源',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 16,
                color: '#fff'
            },
            left:'center',
            top:0
        },
        tooltip : {
        },
        color:['#4a90e2','#e2d329','#9e37b0'],
        legend: {
            selectedMode:false,
            bottom:25,
            data: ['省部级 15项','总局 15项','管局 15项'],
            orient:'vertical',
            textStyle: {
                color: '#fff',
                fontSize: 12,
            },
            itemGap:0,
            itemHeight :6,
            lineHeight:6,
            icon:'circle'
        },
        series : [
            {
                type: 'pie',
                radius: ['30%', '65%'],
                center: ['50%', '35%'],
                data:[
                    {value:30, name:'省部级 15项'},
                    {value:30, name:'总局 15项'},
                    {value:40, name:'管局 15项'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: true,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);

    //echrats ky_pie3
    var myChart = echarts.init(document.getElementById('ky_pie3'));
    option = {
        tooltip : {
        },
        color:['#E02020','#44D7B6','#9E37B0','#4A90E2','#6236FF','#F7B500','#6DD400'],
        legend: {
            selectedMode:false,
            bottom:0,
            data: ['省部级 15项','总局 15项','管局 15项','省部级项','总局项','管局项','管局项1'],
            orient:'horizontal',
            textStyle: {
                color: '#fff',
                fontSize: 10,
            },
            itemGap:0,
            itemHeight :6,
            lineHeight:6,
            icon:'circle'
        },
        series : [
            {
                type: 'pie',
                radius: ['30%', '65%'],
                center: ['50%', '30%'],
                data:[
                    {value:30, name:'省部级 15项'},
                    {value:30, name:'总局 15项'},
                    {value:40, name:'管局 15项'},
                    {value:30, name:'省部级项'},
                    {value:30, name:'总局项'},
                    {value:40, name:'管局项'},
                    {value:40, name:'管局项1'}
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: true,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);

    //echrats xj_pie1
    var myChart = echarts.init(document.getElementById('xj_pie1'));
    option = {
        title: {
            text: '9',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 40,
                color: '#fff'
            },
            x: 'center',
            y: 'center',
        },
        tooltip : {
        },
        color:['#e91d63','#1ecce9','#e9961e','#7fd22a','#bcb121','#bbaf20','#34b8e2','#417513'],
        series : [
            {
                type: 'pie',
                radius: ['65%', '85%'],
                center: ['50%', '50%'],
                data:[
                    {value:30, name:'1'},
                    {value:30, name:'2'},
                    {value:40, name:'3'},
                    {value:40, name:'4'},
                    {value:40, name:'5'},
                    {value:40, name:'6'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: false,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);
    //echrats xj_pie2
    var myChart = echarts.init(document.getElementById('xj_pie2'));
    option = {
        title: {
            text: '9',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 40,
                color: '#fff'
            },
            x: 'center',
            y: 'center',
        },
        tooltip : {
        },
        color:['#7fd22a','#bbaf20','#02bbf0','#417513','#e91d63','#1e24e9','#34b8e2','#417513'],
        series : [
            {
                type: 'pie',
                radius: ['65%', '85%'],
                center: ['50%', '50%'],
                data:[
                    {value:30, name:'1'},
                    {value:30, name:'2'},
                    {value:40, name:'3'},
                    {value:40, name:'4'},
                    {value:40, name:'5'},
                    {value:40, name:'6'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: false,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);
    //echrats xj_pie3
    var myChart = echarts.init(document.getElementById('xj_pie3'));
    option = {
        title: {
            text: '5',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 40,
                color: '#fff'
            },
            x: 'center',
            y: 'center',
        },
        tooltip : {
        },
        color:['#1e24e9','#e91d63','#417513','#7fd22a','#bcb121','#bbaf20','#34b8e2','#417513'],
        series : [
            {
                type: 'pie',
                radius: ['65%', '85%'],
                center: ['50%', '50%'],
                data:[
                    {value:30, name:'1'},
                    {value:30, name:'2'},
                    {value:40, name:'3'},
                    {value:40, name:'4'},
                    {value:40, name:'5'},
                    {value:40, name:'6'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: false,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);
    //echrats xj_pie4
    var myChart = echarts.init(document.getElementById('xj_pie4'));
    option = {
        title: {
            text: '11',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 40,
                color: '#fff'
            },
            x: 'center',
            y: 'center',
        },
        tooltip : {
        },
        color:['#e91d63','#ff8db4','#7fd22a','#4a90e2','#45787c','#02bbf0','#34b8e2','#417513'],
        series : [
            {
                type: 'pie',
                radius: ['65%', '85%'],
                center: ['50%', '50%'],
                data:[
                    {value:30, name:'1'},
                    {value:30, name:'2'},
                    {value:40, name:'3'},
                    {value:40, name:'4'},
                    {value:40, name:'5'},
                    {value:40, name:'6'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: false,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);
    //echrats xj_pie5
    var myChart = echarts.init(document.getElementById('xj_pie5'));
    option = {
        title: {
            text: '10',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 40,
                color: '#fff'
            },
            x: 'center',
            y: 'center',
        },
        tooltip : {
        },
        color:['#e91d63','#09ab74','#585858','#939bb6','#02bbf0','#51e3c2','#34b8e2','#417513'],
        series : [
            {
                type: 'pie',
                radius: ['65%', '85%'],
                center: ['50%', '50%'],
                data:[
                    {value:30, name:'1'},
                    {value:30, name:'2'},
                    {value:40, name:'3'},
                    {value:40, name:'4'},
                    {value:40, name:'5'},
                    {value:40, name:'6'},
                ],
                itemStyle: {
                    emphasis: {
                        shadowBlur: 10,
                        shadowOffsetX: 0,
                        shadowColor: 'rgba(0, 0, 0, 0.5)'
                    }
                },
                itemStyle: {
                    normal: {
                        label:{
                            show: false,
                            position:'inside',
                            formatter: ' {d}%'
                        }
                    },
                    labelLine :{show:true}
                }
            }
        ]
    };
    myChart.setOption(option);
    })

    //echrats fx1
    var myChart = echarts.init(document.getElementById('fx1'));
    var option = {
        title: {
            text: '糙米率%',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 10,
                color: '#F8E71C'
            },
            bottom:0,
            x:'center'
        },
        grid: {
            left: '0%',
            right: '0%',
            top:'10%',
            bottom: '10%',
            containLabel: true
        },
        tooltip: {},
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                margin:5,
                rotate:25,
                color: '#98A7B9',
                fontSize: 12
            },
            data: ['2008','2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018' ,'2019'],
        },
        yAxis: {
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: '#98A7B9',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 459, 555,146,20,500,500,566,588],
            barWidth: 4,
            type: 'bar',
            itemStyle: {
                normal: {
                    color: '#F8E71C'
                }
            }
        }]
    };
    myChart.setOption(option);

    //echrats fx2
    var myChart = echarts.init(document.getElementById('fx2'));
    var option = {
        title: {
            text: '垩白米率%',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 10,
                color: ' #DF28FF'
            },
            bottom:0,
            x:'center'
        },
        grid: {
            left: '0%',
            right: '0%',
            top:'10%',
            bottom: '5%',
            containLabel: true
        },
        tooltip: {},
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                margin:5,
                rotate:25,
                color: '#98A7B9',
                fontSize: 12
            },
            data: ['2008','2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018' ,'2019'],
        },
        yAxis: {
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: '#98A7B9',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 459, 555,146,20,500,500,566,588],
            barWidth: 4,
            type: 'line',
            itemStyle: {
                normal: {
                    color: '#C340D0'
                }
            }
        }]
    };
    myChart.setOption(option);

    //echrats fx3
    var myChart = echarts.init(document.getElementById('fx3'));
    var option = {
        title: {
            text: '蛋白质%',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 10,
                color: ' #00DDF7'
            },
            bottom:0,
            x:'center'
        },
        grid: {
            left: '0%',
            right: '0%',
            top:'10%',
            bottom: '5%',
            containLabel: true
        },
        tooltip: {},
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                margin:5,
                rotate:25,
                color: '#98A7B9',
                fontSize: 12
            },
            data: ['2008','2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018' ,'2019'],
        },
        yAxis: {
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: '#98A7B9',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 459, 555,146,20,500,500,566,588],
            barWidth: 4,
            type: 'bar',
            itemStyle: {
                normal: {
                    color: '#00DFF9'
                }
            }
        }]
    };
    myChart.setOption(option);

    //echrats fx4
    var myChart = echarts.init(document.getElementById('fx4'));
    var option = {
        title: {
            text: '精米率%',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 10,
                color: ' #5EBE5E'
            },
            bottom:0,
            x:'center'
        },
        grid: {
            left: '0%',
            right: '0%',
            top:'10%',
            bottom: '5%',
            containLabel: true
        },
        tooltip: {},
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                margin:5,
                rotate:25,
                color: '#98A7B9',
                fontSize: 12
            },
            data: ['2008','2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018' ,'2019'],
        },
        yAxis: {
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: '#98A7B9',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 459, 555,146,20,500,500,566,588],
            barWidth: 4,
            type: 'line',
            smooth: true,
            areaStyle: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: ' rgba(94,190,94,0.9)'
                }, {
                    offset: 0.8,
                    color: ' rgba(94,190,94,0.2)'
                }], false)
            },
            itemStyle: {
                normal: {
                    color: '#5EBE5E'
                }
            }
        }]
    };
    myChart.setOption(option);

    //echrats fx5
    var myChart = echarts.init(document.getElementById('fx5'));
    var option = {
        title: {
            text: '食味值%',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 10,
                color: ' #E54545'
            },
            bottom:0,
            x:'center'
        },
        grid: {
            left: '0%',
            right: '0%',
            top:'10%',
            bottom: '5%',
            containLabel: true
        },
        tooltip: {},
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                margin:5,
                rotate:25,
                color: '#98A7B9',
                fontSize: 12
            },
            data: ['2008','2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018' ,'2019'],
        },
        yAxis: {
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: '#98A7B9',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 459, 555,146,20,500,500,566,588],
            barWidth: 4,
            type: 'line',
            itemStyle: {
                normal: {
                    color: '#c33d41'
                }
            }
        }]
    };
    myChart.setOption(option);


    //echrats fx6
    var myChart = echarts.init(document.getElementById('fx6'));
    var option = {
        title: {
            text: '直链淀粉%',
            textStyle: {
                fontWeight: 'normal',
                fontSize: 10,
                color: ' #FAD860'
            },
            bottom:0,
            x:'center'
        },
        grid: {
            left: '0%',
            right: '0%',
            top:'10%',
            bottom: '5%',
            containLabel: true
        },
        tooltip: {},
        xAxis: {
            type : 'category',
            splitLine: {
                show: false
            },
            axisLine: {
                show: false
            },
            axisTick: {
                show: false
            },
            axisLabel:{
                interval:0,
                margin:5,
                rotate:25,
                color: '#98A7B9',
                fontSize: 12
            },
            data: ['2008','2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018' ,'2019'],
        },
        yAxis: {
            type: 'value',
            nameTextStyle: {
                color: "#fff"
            },
            axisTick: {
                show: false
            },
            axisLabel: {
                color: '#98A7B9',
                fontSize: 12
            },
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#283451'
                }
            },
        },

        series: [{
            data: [150,120, 120, 150, 459, 555,146,20,500,500,566,588],
            barWidth: 4,
            type: 'line',
            areaStyle: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0,
                    color: 'rgba(42,45,56,1)'
                }, {
                    offset: 0.8,
                    color: ' rgba(42,45,56,1)'
                }], false)
            },
            itemStyle: {
                normal: {
                    color: '#F76B1C'
                }
            }
        }]
    };
    myChart.setOption(option);
</script>
</html>